<style>
.content-group {background:#fff;border-radius: 0.5rem;margin-bottom:0.39rem}
.merchname {display:none}
.carousel {margin-top:0}
.fui-tab-scroll .item a {color:#333;font-weight:400}
.fui-tab-scroll .item.on,.fui-tab-scroll .item.on a{color:#118cff;}
.fui-tab-scroll .item.on:before {background:linear-gradient(to right,rgba(17,140,255,1),rgba(17,140,255,0));}
.fui-icon-group .fui-icon-col {
    margin: 0.1rem 0;
}
.live-living{height:1rem;display: inline-block;border:1px solid #ededed;-webkit-border-radius: 1rem;border-radius: 1rem;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;color:#fff;line-height: 0.9rem;font-size:0.6rem;position: absolute;opacity:0.8;padding:0 0.5rem;top:0.3rem;z-index: 10;}
.live-living i{width:5px;height:5px;display: inline-block;background: #00ff00;-webkit-border-radius: 5px;border-radius: 5px;float:left;margin:0.3rem 0.2rem 0 0;}
.live-title{width:100%;text-align:left;height:1.3rem;display: inline-block;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;color:#fff;line-height: 1.3rem;font-size:0.7rem;position: absolute;opacity:0.8;padding:0 0.5rem;bottom:0;z-index: 10;}
.live-hot-list{padding:0.2rem;background: #f7f7f7;}
.live-hot-list-room{width:50%;float:left;padding:0.1rem;}
.live-hot-list-inner{background: #fff;padding:0 0 0.5rem 0;}
.live-hot-list-img{display: block;text-align: center;overflow: hidden;position: relative;}
.live-hot-list-img img{width:9rem;height:9rem;}
.live-hot-list-room h3{font-size:0.8rem;color:#000;height:2.0rem;line-height: 1rem;overflow: hidden;padding:0.2rem 0.3rem;margin-top:10px}
.live-hot-list-room p{font-size:0.6rem;color:#118cff;height:1.2rem;line-height: 1.2rem;display: block;padding:0 0.3rem;margin:0}

/* 直播间 */
.live-video {
    height: 10.5rem;
    background: #000;
}
.shop-index-page .menu {height: auto; background: #fff;}
.shop-index-page .menu .item {height: auto; width: 1%; padding: 0.5rem 0; margin: 0; font-size: 0.65rem; color: #636363; text-align: center; display: table-cell;position: relative;}
.shop-index-page .menu .item:after  {font-size: 0.65rem;position: absolute;content: '';left:-1px;top:0.5rem;bottom:0.5rem;border-left:1px solid #d9d9d9;}
.content-empty{padding:1rem 0;margin:0;}
</style>
<div class="fui-page fui-page-current shop-index-page">
<div class='fui-content' style="top:0">
	<style>
	.fui-goods-item .image .playbtn {
		background: rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9;
		padding-top:4rem;
		text-align: center;
		color: #fff;
	}
	</style>
	<div class="live-hot-list">
		<div class="container">
			<div class="live-hot-list-room" ng-repeat="item in pagedata.list">
				<div class="live-hot-list-inner" style="border-radius:0.2rem">
					<div href="javascript:void(0);" ng-click="access_json('jy_weishoplive/room//id='+item.roomid)"  data-nocache="true" class="live-hot-list-img">
						<span ng-if="item.living == 1" class="live-living">
							<i></i>直播中
						</span>
						<span ng-if="item.living == 0" class="live-living">
							<i style="background:#ddd"></i>未直播
						</span>
						<div class="live-title">{{item.title}}</div>
						<img style="border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;" ng-src="{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}" alt="{{item.title}}"/>
					</div>
					<div class="memberinfo" style="padding:0.2rem">
						<span class="member"><img class="avatar" style="border-radius:50%;width:1rem;height:1rem;" ng-src="{{item.member.avatar || '../core/resource/images/nopic.jpg'}}"></span>
						<span class="subtitle" style="font-weight:400">{{item.member.nickname}}</span>
					</div>
					<p>{{item.livetime}} 开播</p>
					<div class="live-list-subscribe" style="padding:0 0.3rem;">
					   <span>订阅人数 {{item.likes || '0'}}</span>
							<span ng-if="item.living == 0">
								<a ng-show="item.subscribe >0" href="javascript:void(0);" class="live-subscribe-a live-subscribe-default-a disabled">取消订阅</a>
								<a ng-show="item.subscribe <1" href="javascript:void(0);" class="live-subscribe-a live-subscribe-default-a">点击订阅</a>
							</span>
							<span ng-if="item.living ==1">
								<a href="javascript:void(0);" ng-click="access_json('jy_weishoplive/room//id='+item.roomid)" class="live-subscribe-a live-subscribe-full-a">观看直播</a>
							</span>

					</div>
				</div>
			</div>
        </div>
		<div class="content-empty" ng-if="pagedata.list == ''">
		  <i class="icon jinyunicon icon-cry" style="width: 6rem;margin-bottom: 0.5rem;"></i><br/><p style="color: #999;font-size: .75rem">没有内容！</p>
		</div>
		<div style="clear:both;"></div>
		</div>
	<script>
	scope.tool.get_list('jy_weishoplive/his/list/order=ishot',true);
	scope.pagedata.scroll_bottom=function(){
		scope.tool.get_list('jy_weishoplive/his/list/');
	}
	</script>
</div>
</div>
<div ng-include="sys_html('common/_share','','','jy_weishop')"></div>
<div ng-include="sys_html('_footer')"></div>
<div ng-include="sys_html('common/_gotop',true)"></div>
<script>
scope.pagedata.pluginname='jy_weishoplive';
//手机软键盘--搜索
$("body").keydown(function() {
    if (event.keyCode == "13") {
        $('#searchsub').click();
    }
});
</script>